<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/pig/commImportPage.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>清管记录 - 历史查询</title>
	<link rel="stylesheet" type="text/css" href="${resourcePath}css/new/pig.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}tags/swiper/idangerous.swiper.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/pig/historyDetail.js"></script>
    <script>
	    function pdfExport(){
	    	$("input[name='taskId']").val($("#taskId").val());
	    	$("#exportForm").submit();
	    }
    </script>
</head>
<body class="body-pad" style="padding-bottom:100px">
<input type="hidden" id="taskId" value="${taskId}"/>
	<input type="hidden" id="pagePath" value="${pageContext.request.contextPath}"/>
	<input type="hidden" id="resourcePath" value="${resourcePath}"/>
<div class="html-header" style="background-color:white">
    <p class="header-title"><em class="icon-gzgl2"></em> <a href="javascript:history.back(-1)" style="color:#646464">历史查询</a> <i style="color:#787878"> > 详情</i></p>
</div>
<%--<div class="html-header">--%>
    <%--<p class="header-title">历史查询 > <span>清管记录</span></p>--%>
    <%--<a href="javascript:history.back(-1)" class="btn btn-w100 btn-back-icon btn-h30 back" style="top:20px"><em></em><span>返回上一级</span></a>--%>

<%--</div>--%>
<div class="container-fluid warp insp-container">
    <div class="row-fluid  bg-white1" >
        <div class="main clearFix">
            <div class="cxtj clearFix">
            <div class="l-r clearFix pad20" style="border:none;margin-top:10px">
                <div class="qg-info clearFix" >
                    <div class="qg-title">
                        <span class="s01">发球点详情</span>
                        <span class="s02">距上次清管 <i>${empty pigResult.lastLimitDays ? "0" : pigResult.lastLimitDays}</i>天</span>
                    </div>
                    <div class="fc clearFix">
                        <div class="info-conts faqiudian" style="margin:25px auto">
                        <ul class="u-info" style="margin-top:0">
                            <li>
                                <span class="s1">发球点</span>
                                <span class="s2" >${other.fromValRoom }</span>
                            </li>
                            <li>
                                <span class="s1">最近参考点</span>
                                <span class="s2" >${other.fromreference }</span>
                            </li>
                            <li>
                                <span class="s1">发球时间</span>
                                <span class="s2" id="sendBallsTime" >
                                <fmt:formatDate value="${pigResult.sendBallsTime}" pattern="yyyy-MM-dd HH:mm:ss"/> 
                                </span>
                            </li>
                            <li class="no-r">
                                <span class="s1">相对最近参考点距离(m)</span>
                                <span class="s2"><fmt:formatNumber type="number" value="${empty other.fromreferencedistance ? '0.0000' : other.fromreferencedistance}"  maxFractionDigits="3"/></span>
                            </li>
                            
                            <li>
                                <span class="s1">发球时发球站出站压力(MPa)</span>
                                <span class="s2" id="sendBallsPressureFrom">${pigResult.sendBallsPressureFrom }</span>
                            </li>
                            <li>
                                <span class="s1">发球时收球站进站压力(Mpa)</span>
                                <span class="s2" id="sendBallsPressureTo">${pigResult.sendBallsPressureTo }</span>
                            </li>
                             <li>
                                <span class="s1">发球人</span>
                                <span class="s2" id="sendRecrder">${pigResult.sendRecrder }</span>
                            </li>
                            <li class="no-r">
                                <span class="s1">发球时流量</span>
                                <span class="s2" id="sendBallsFlow">${pigResult.sendBallsFlow }</span>
                            </li>
                            <li>
                                <span class="s1">管道内径(mm)</span>
                                <span class="s2" id="interDiameter">${pigResult.interDiameter }</span>
                            </li>
                            <li>
                                <span class="s1">清管类型</span>
                                <span class="s2" id="piggingType" >${pigResult.piggingType }</span>
                            </li>
                            <li>
                                <span class="s1">清管工具</span>
                                <c:if test="${empty pigResult.pigType }">
                                	<span class="s2" id="detectorType" >${pigResult.detectorType }</span>
                                </c:if>
                                <c:if test="${not empty pigResult.pigType }">
                                	<span class="s2" id="pigType" >${pigResult.pigType }</span>
                                </c:if>
                            </li>
                            <li class="no-r">
                                <span class="s1">发球压差(Mpa)</span>
                                <span class="s2" id="sendPressure">${pigResult.sendPressure }</span>
                            </li>
                             <li class="no-r">
                                <span class="s1">过盈量(%)</span>
                                <span class="s2" id="sendInterference" >${pigResult.sendInterference }</span>
                            </li>
                            
                        </ul>
                        <div class="img-lb" style="border-bottom:none">
                            <span class="title" style="margin-top:20px">发球照片</span>
                            <div class="lb" style="margin-left:60px;margin-top:-35px">
                                <div class="swiper-container runner" style="cursor: -webkit-grab;">
                                    <div class="swiper-wrapper" style="width: 530.666666666667px; height: 58px;">
                                        <c:if test="${not empty imgList }">
	                                   	 <c:forEach items="${imgList }" var="img">
	                                       	<c:if test="${img.MARK == 'fa' }">
	                                        	<div class="swiper-slide swiper-slide-visible">
	                                                <img onclick="pigview(this);" style="width: 66.3333333333333px; height: 58px;" src="${ img.PATH}">
	                                            </div>
	                                       	</c:if>
	                                       </c:forEach>
                                       </c:if>
                                    </div>
                                    <div class="pagin"></div>
                                    <a href="javascript:;" class="prev"></a>
                                    <a href="javascript:;" class="next"></a>
                                </div>
                            </div>
                        </div>
                        <p class="qg-text"  style="margin-top:10px">
                            <textarea readonly="readonly" rows="" cols="" placeholder="">${pigResult.sendRemark }</textarea></p>
                    </div>
                    </div>
                </div>
                <div class="left" style="border: 1px solid #d7dde9;border-bottom:none">
                    <div class="info-header clearFix">
                        <ul class="ul-header">
                            <li class="new-20">跟踪点名称</li>
                            <li class="new-15">绝对距离(m)</li>
                            <li class="new-15">清管工具平均速率(m/s)</li>
                            <li class="new-w10">通过时间</li>
                            <li class="new-w10">记录人</li>
                            <li class="new-20">备注</li>
                            <li class="new-w10 no-right top-12-2">照片</li>
                        </ul>
                        <c:if test="${not empty requestScope.markPoint}">
	                        <div class="info-tr">
	                        	<c:forEach var="ps" items="${requestScope.markPoint}" varStatus="status">
	                        		<ul class="ul-header bg-white">
	                                <li class="new-20" title="${ps.REGIONNAME }">${ps.REGIONNAME }</li>
	                                <li class="new-15" title="${ps.MILEAGE }">${ps.MILEAGE }</li>
	                                <li class="new-15" title="${ps.AVGSPEED}">${ps.AVGSPEED}</li>
	                                <li class="new-w10" title="${ps.PASSTIME}">${ps.PASSTIME}</li>
	                                <li class="new-w10" title="${ps.RECRDER}">${ps.RECRDER}</li>
	                                <li class="new-20" title="${ps.REMARK}">${ps.REMARK}</li>
	                                 <li class="new-w10 no-right">
	                                    <a href="javascript:;" onclick="getView(this);" class="look"></a>
	                                </li> 
	                                <input type="hidden" value="${ps.ID }"/>
	                            </ul>
	                        	</c:forEach>
	                        </div>
	                    </c:if>
	                    <c:if test="${empty requestScope.markPoint}">
	                        <div class="no-data ">
	                            <img src="${resourcePath}images/pig/no-data.png" alt=""/>
	                        </div>
                        </c:if>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="qg-info clearFix" style="margin-top:20px">
                        <div class="qg-title">
                            <span class="s01">收球点详情</span>
                        </div>
                        <%--<span class="s01">收球点详情&nbsp;&nbsp;&nbsp;<i></i></span>--%>
                        <%-- <span class="s02">清管效果 <i>${empty pigResult.pigginGeffict ? "-": pigResult.pigginGeffict}</i></span> --%>
                    <div class="fc clearFix" style="padding-bottom:25px">
                        <div class="info-conts faqiudian " style="margin:25px auto;">
                        <ul class="u-info" style="margin-top:0">
                            <li>
                                <span class="s1">收球点</span>
                                <span class="s2" >${other.toValRoom }</span>
                            </li>
                            
                             <li>
                                <span class="s1">绝对距离(m)</span>
                                <span class="s2"><fmt:formatNumber type="number" value="${empty other.toMile ? '0.0000' : other.toMile}"  maxFractionDigits="3"/></span>
                            </li>
                            <li>
                                <span class="s1">最近参考点</span>
                                <span class="s2" >${other.toreference }</span>
                            </li>
                            
                            <li class="no-r">
                                <span class="s1">相对最近参考点距离(m)</span>
                                <span class="s2"><fmt:formatNumber type="number" value="${empty other.toreferencedistance ? '0.0000' : other.toreferencedistance}"  maxFractionDigits="3"/></span>
                            </li>
                            <li>
                                <span class="s1">收球时间</span>
                                <span class="s2" id="backBallsTime" >
                                	<fmt:formatDate value="${pigResult.backBallsTime}" pattern="yyyy-MM-dd HH:mm:ss"/> 
                                </span>
                            </li>
                            <li>
                                <span class="s1">收球人</span>
                                <span class="s2">${pigResult.recrder }</span>
                            </li>
                            <li>
                                <span class="s1">收球时发球站出站压力(Mpa)</span>
                                <span class="s2" id="sendBallsPressure">${pigResult.theBallsPressureFrom }</span>
                            </li>
                            <li class="no-r">
                                <span class="s1">收球时收球站进站压力(Mpa)</span>
                                <span class="s2" id="backBallsPressure">${pigResult.theBallsPressureTo }</span>
                            </li>
                            <li>
                                <span class="s1">收球时流量</span>
                                <span class="s2" >${pigResult.theBallsFlow }</span>
                            </li>
                            
                            
                            <li>
                                <span class="s1">清管器工具平均速度(m/s)</span>
                                <span class="s2" >${pigResult.avgRate }</span>
                            </li>
                            
                            <li>
                                <span class="s1">最大推球压差(MPa)</span>
                                <span class="s2" >${pigResult.maxPushPressure }</span>
                            </li>
                            <li class="no-r">
                                <span class="s1">污水(Kg)</span>
                                <span class="s2" id="sewage">${pigResult.sewage }</span>
                            </li>
                            <li>
                                <span class="s1">污物(Kg)</span>
                                <span class="s2" id="dirt">${pigResult.dirt }</span>
                            </li>
                            
                            
                            <li>
                                <span class="s1">清放空气量(10⁴m³)</span>
                                <span class="s2">${pigResult.ventGasVolume }</span>
                            </li>
                            
                            <li>
                                <span class="s1">管道实际通过气量(10⁴m³)</span>
                                <span class="s2">${pigResult.actualPassGasVolume }</span>
                            </li>
                            
                            <li class="no-r">
                                <span class="s1">天然气相对密度(Kg/m³)</span>
                                <span class="s2">${pigResult.gasRelativedEnsity }</span>
                            </li>
                           
                            <li>
                                <span class="s1">天然气平均温度( ℃)</span>
                                <span class="s2">${pigResult.avgTempreture }</span>
                            </li>
                            
                            <li >
                                <span class="s1">清管器运行距离(m)</span>
                                <span class="s2" id="pigRunLength"><fmt:formatNumber type="number" value="${empty pigResult.pigRunLength ? '0.0000' : pigResult.pigRunLength}"  maxFractionDigits="3"/></span>
                            </li>
                            
                            <li>
                                <span class="s1">在平均压力下的压缩系数</span>
                                <span class="s2" >${pigResult.compressionCoefficient }</span>
                            </li>
                            
                             <li class="no-r">
                                <span class="s1">收球记录人</span>
                                <span class="s2" >${pigResult.recrder }</span>
                            </li>
                            
                            <li >
                                <span class="s1">记录时间</span>
                                <span class="s2">
                                	<fmt:formatDate value="${pigResult.recordtime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                                </span>
                            </li>
                            
                            <li class="no-r">
                                <span class="s1">清管效率</span>
                                <span class="s2" >${empty pigResult.pigginGefficiency ? '0' : pigResult.pigginGefficiency}</span>
                            </li>
                           
                            
                        </ul>
                        <div class="img-lb"  style="border-bottom:none">
                            <span class="title" style="margin-top:20px">清除物照片</span>
                            <div class="lb1" style="margin-left:70px;margin-top:-35px">
                                <div class="swiper-container runner1" style="cursor: -webkit-grab;">
                                    <div class="swiper-wrapper">
                                    	<c:if test="${not empty imgList }">
	                                   	 <c:forEach items="${imgList }" var="img">
	                                       	<c:if test="${img.MARK == 'shou' }">
	                                        	<div class="swiper-slide swiper-slide-visible">
	                                                <img onclick="pigview(this);" style="width: 66.3333333333333px; height: 58px;" src="${ img.PATH}">
	                                            </div>
	                                       	</c:if>
	                                       </c:forEach>
                                      </c:if>
                                    </div>
                                    <div class="pagin"></div>
                                    <a href="javascript:;" class="prev1"></a>
                                    <a href="javascript:;" class="next1"></a>
                                </div>
                            </div>
                        </div>
                        <!-- <p class="qg-text">
                            <span class="title">清管工具描述</span>
                            <textarea rows="" cols="" placeholder=""></textarea>
                        </p> -->
                        <p class="qg-text" style="margin-top:10px">
                            <%--<span class="title">清除物描述</span>--%>
                            <textarea rows="" readonly="readonly" cols="" placeholder="">${pigResult.dirtdescRiption }</textarea>
                        </p>
                    </div>
                    </div>
                </div>
            </div>
                <div class="qg-btn">
                    <a href="${pageContext.request.contextPath}/pig/cleanPipeLineHistory/viewPdf.html?taskId=${taskId }" class="btn btn-w120 btn-export-icon  btn-h40" style="float:right;margin-right:20px"><em></em>导出</a>
                </div>
        </div>
    </div>
</div>
<div id="viewImg" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:80%;height: 70%">
	<%@include file= "/WEB-INF/pages/pig/viewImg.jsp" %>
</div>
<div id="pigview" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:400px;height: 400px;margin-left: -3px;">
	<img style="width:400px;height: 400px;" />
</div>
</div>
<form id="exportForm" action="${pageContext.request.contextPath}/pig/cleanPipeLineHistory/pdfExport.html" style="display: none;" method="post">
    <input type="text" name="taskId" />
</form>
<script type="text/javascript" src="${resourcePath}tags/swiper/idangerous.swiper.min.js"></script>
<script type="text/javascript">
    $(function(){
        var runner = new Swiper('.runner',{grabCursor:!0,calculateHeight:!0,slidesPerView:6});
        $('.prev').on('click', function(e){e.preventDefault();runner.swipePrev()});
        $('.next').on('click', function(e){e.preventDefault();runner.swipeNext()});
        
        var runner1 = new Swiper('.runner1',{grabCursor:!0,calculateHeight:!0,slidesPerView:6});
        $('.prev1').on('click', function(e){e.preventDefault();runner1.swipePrev()});
        $('.next1').on('click', function(e){e.preventDefault();runner1.swipeNext()});
        
        var titleObj = $(".main").find("li");
        for(var i=0;i< titleObj.length;i++){
        	var tohtml = titleObj.eq(i).children().eq(1);
        	var titleVal = tohtml.html();
        	if("" != titleVal && null != titleVal && 'undefined' != titleVal){
        		tohtml.attr('title',titleVal.trim());
        	}
        }
    })
    
</script>
</body>
</html>